@media (max-width: 1600px) {
 .about .contain .about_cont {
 padding: 2% 4%;
 }
}

@media (max-width: 1380px) {
 .contain {
 width: 1200px;
 }

 .about .contain .about_cont h2 {
 font-size: 30px;
 }

 .about .contain .about_cont span {
 margin: 18px 0 14px;
 }

 .about .contain .about_cont p {
 font-size: 14px;
 line-height: 22px;
 margin-bottom: 6px;
 }
}

@media (max-width: 1280px) {
 .contain {
 width: 100%;
 padding: 0 2%;
 }

 .about .contain .about_cont h2 {
 font-size: 26px;
 }

 .about .contain .about_cont span {
 margin: 15px 0 10px;
 }

 .about .contain .about_cont p {
 font-size: 14px;
 line-height: 20px;
 margin-bottom: 6px;
 }

 .about .contain .about_cont a {
 margin-top: 10px;
 }
}

@media (max-width: 1280px) {
 .logo img {
 width: 350px;
 margin-top: 20px;
 }

 .nav_menu li {
 padding: 0 20px;
 }

 .foot_nav,
 .foot_contact,
 .foot_foucs {
 width: 30%;
 }

 .foot_nav,
 .foot_contact {
 margin-right: 5%;
 }
}

@media (max-width: 1200px) {
 .logo img {
 width: 300px;
 margin-top: 24px;
 }

 .nav_menu li {
 padding: 0 16px;
 }

 .about {
 margin-bottom: 0px;
 }

 .about_lf {
 width: 100%;
 position: absolute;
 z-index: -2;
 height: 100%;
 }

 .about_lf img {
 margin-top: 0px;
 height: 100%;
 }

 .about_rt {
 display: none;
 }

 .about .contain .about_cont {
 width: 100%;
 padding: 6% 4%;
 }

 .adv_cont li .adv_box {
 padding-top: 3%;
 }

 .adv_cont li .adv_box p {
 width: 80%;
 }
}

@media (max-width: 1100px) {
 .nav_menu li {
 padding: 0 12px;
 }
}

@media (max-width: 980px) {
 .logo img {
 width: 250px;
 margin-top: 28px;
 }

 .nav_btn {
 width: 32px;
 height: 32px;
 background: url() no-repeat center;
 background-size: cover;
 float: right;
 margin-top: 29px;
 cursor: pointer;
 }

 .nav_menu {
 position: absolute;
 left: 0;
 top: 90px;
 z-index: 100;
 background: #fff;
 height: auto;
 width: 100%;
 display: none;
 }

 .nav_menu li {
 width: 100%;
 padding: 0;
 border-bottom: 1px solid #ccc;
 position: relative;
 }

 .nav_menu li .nav_a {
 display: block;
 height: 60px;
 font-size: 16px;
 line-height: 60px;
 padding: 0 4%;
 }

 .nav_sub {
 width: 100%;
 background: rgba(255, 255, 255, 1);
 height: 0;
 overflow: hidden;
 }

 .nav_sub .contain {
 padding: 0 4%;
 }

 .nav_sub dl {
 width: 50%;
 }

 .nav_sub dl dt {
 font-size: 16px;
 font-weight: bold;
 margin: 4px 0;
 }

 .nav_sub dl dd {
 font-size: 14px;
 line-height: 22px;
 }

 .drop_btn {
 width: 26px;
 height: 26px;
 background: url() no-repeat center;
 background-size: cover;
 position: absolute;
 right: 4%;
 top: 17px;
 z-index: 10;
 cursor: pointer;
 }

 .carousel-indicators li {
 display: inline-block;
 width: 22px;
 height: 5px;
 margin: 0 6px;
 text-indent: -999px;
 cursor: pointer;
 background-color: #004a6f;
 border: none;
 border-radius: 4px;
 }

 .carousel-indicators .active {
 width: 22px;
 height: 5px;
 margin: 0 6px;
 background-color: #0093dd;
 }
}

@media (max-width: 768px) {
 .tab_nav {
 margin: 40px 0 20px;
 }

 .tab_nav h3 {
 font-size: 24px;
 }

 .tab_nav span {
 margin: 8px auto;
 }

 .tab_nav p {
 font-size: 14px;
 }

 .prod li p {
 font-size: 14px;
 padding: 8px 5%;
 }

 .about .contain .about_cont div p:last-child {
 display: none;
 }

 .advantage {
 background: #ededed;
 }

 .adv_cont {
 margin: 30px auto 0;
 }

 .adv_cont li .adv_box p {
 width: 100%;
 }

 .adv_cont li:nth-of-type(n) {
 float: left;
 width: 100%;
 margin-bottom: 20px;
 }

 .adv_cont li:nth-of-type(n) .adv_img {
 float: left;
 margin-right: 4%;
 margin-left: 0;
 }

 .adv_cont li:nth-of-type(n) .adv_box {
 float: left;
 text-align: left;
 }

 .adv_cont li:nth-of-type(n) .adv_box h3,
 .adv_cont li:nth-of-type(n) .adv_box h4,
 .adv_cont li:nth-of-type(n) .adv_box p {
 float: left;
 }

 .news1,
 .news2,
 .news3 {
 width: 100%;
 }

 .news1,
 .news2 {
 margin-right: 0;
 margin-bottom: 20px;
 }

 .foot_nav,
 .foot_contact,
 .foot_foucs {
 width: 100%;
 }

 .foot_nav,
 .foot_contact {
 margin-right: 0%;
 margin-bottom: 16px;
 }

 .foot_copy {
 float: left;
 }
}